html{
    font-size: 26.666666vw;
}

/* 去除默认内外边距 */

* {
    margin: 0;
    padding: 0;
    /* css 3 自减模式 */
    box-sizing: border-box;
}


/* 设置所有浏览器默认字体样式 */

body {
    font: 16px/1.2 '微软雅黑';
}
i{
    font-style: normal;
}

/* 取消h标签默认加粗效果 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


/* 取消页面中em倾斜效果 */

em {
    font-style: normal;
}


/* 取消li标签默认样式 */

ul {
    list-style: none;
}


/* 取消a标签默认样式 */

a {
    text-decoration: none;
}


/* 取消input 和textarea 的焦点选中黑边*/

input,
textarea {
    outline: none;
}


/* 清除浮动 */

.clearfix::after {
    content: "";
    display: block;
    clear: none;
    /* 添加兼容性，对于低版本浏览器 */
    height: 0;
    visibility: hidden;
}

.clearfix::before,
.clearfix::after {
    content: "";
    /* 解决嵌套块元素，塌陷问题 */
    display: table;
}

.clearfix::after {
    clear: both;
}

/* 给img，input，button 设置垂直对齐方式 */
img{
    /* 解决底部缝隙，图片可以被行高设置成垂直居中*/
    vertical-align: midden;
}
input,button{
    /* 让input和button顶部对齐*/
    vertical-align: top;
}

/*搜索区*/
.search{
    padding: .1rem .2rem;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom:.01rem solid #ddd;
    #sou{
        flex: 1;
        height: .3rem;
        line-height: .28rem;
        border-radius: .3rem;
        background-color: #f1f1f1;
        border: 0;
        padding-left: .2rem;
        &::placeholder{
            font-size: .12rem;
        }
    }
    #souBtn{
        width: .63rem;
        height: .3rem;
        background-color: #1d6dff;
        border: 0;
        color: #fff;
        border-radius: .3rem;
        font-size: .16rem;
    }
}
/*底部*/
footer{
    padding: .15rem 0;
    .footNav{
        display: flex;
        margin: .1rem 0;
        >li{
            text-align: center;
            flex: 1;
            border: 1px solid #c4c4c4;
            height: .33rem;
            line-height: .33rem;
            a{
                display: block;
                color: #666;
            }
        }
    }
    .footCentent{
        font-size: .12rem;
        color: #666;
        text-align: center;
        line-height: .16rem;
    }
}
